﻿<div class="layui-content">
    <div class="row">
        <div class="col-sm-12">
            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4 border-title">Product Line</div>
            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-8 border-content">
                <div class="selectcontrol">
                    <select class="wmp_select" data-width="100%" name="- select Product Line -" id="product_line"></select>
                    <i class="fa fa-caret-down"></i>
                </div>
            </div>
            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4 border-title">Demo No.</div>
            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-8 border-content"><input id="demo_no" type="text" class="form-control"></div>
            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4 border-title">Product Model</div>
            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-8 border-content"><input id="product_model" type="text" class="form-control"></div>
            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4 border-title">Part No.</div>
            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-8 border-content"><input id="part_no" type="text" class="form-control"></div>
            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4 border-title">Serial No.</div>
            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-8 border-content"><input id="serial_no" type="text" class="form-control"></div>
            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4 border-title">Location</div>
            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-8 border-content">
                <div class="selectcontrol">
                    <select class="wmp_select" data-width="100%" name="- select location -" id="location"></select>
                    <i class="fa fa-caret-down"></i>
                </div>
            </div>
            <input type="hidden" id="Applicant" value="" /><!--申请人工号-->
        </div>
        <div class="col-sm-12 col-xs-12" style="margin:5px 0;">
            <div class="btn btn-default btn-outline float-right selector_collapse detail-collapse" title="切换">
                <i class="glyphicon glyphicon-list-alt"></i>
            </div>
            <button class="btn btn-default float-right search_btn" type="button" style="margin-right:5px;">
                <i class="fa fa-search"></i>&nbsp;&nbsp;<span class="bold">Search</span>
            </button>
        </div>
        <div class="col-sm-12 col-xs-12">
            <div id="gridtable">
                <div class="scroll_wrapper" id="demo_machine_list_wrapper" >
                    <div class="scroll_scroller" id="demo_machine_list_scroller" >
                        <div id="demo_table_container">
                            <table class="footable table table-bordered" data-type="table" data-sidx="FLastUpdateDate" data-sord="desc" style="border-bottom:1px solid #e7eaec;">
                                <thead>
                                    <tr>
                                        <th filed="FDemoNo" style="width:20px;"></th>
                                        <th filed="FApplicationNo" application="0" scrap="0">Application No.</th>
                                        <th filed="FDemoNo">Demo No.</th>
                                        <th filed="FProductModel">Product Model</th>
                                        <th filed="FDescription">Description</th>
                                        <th filed="FPartNo">Part No.</th>
                                        <th filed="FSerialNo">Serial No.</th>
                                        <th filed="FLimitDays" style="width:80px;">Limits（Days）</th>
                                        <th filed="FStatusCode" transfer="0" scrap="0" return="0">Status</th>
                                        <th filed="FLocation">Location</th>
                                        <th filed="FExpectedReturnDate" scrap="0" application="0">Expected Return Date</th>
                                        <th filed="FCustomerName" scrap="0" application="0">CustomerName</th>
                                        <th filed="FShipToAddress" transfer="0" scrap="0" application="0">Ship ToAddress</th>
                                    </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <script id="demo-application-table-tmpl" type="text/x-jquery-tmpl">
                    {{each rows}}
                    <tr data="${encodeURI(JSON.stringify($value))}">
                        <td filed="FDemoNo" style="text-align:center;">
                            <a class="footable-ickeck checkbox-ickeck" node="${FDemoNo}"><label></label></a>
                        </td>
                        {{if type == "transfer" || type == "return" }}
                            <td filed="FApplicationNo">${FApplicationNo}</td>
                        {{/if}}
                        <td filed="FDemoNo">${FDemoNo}</td>
                        <td filed="FProductModel" class="fix_width">${FProductModel}</td>
                        <td filed="FDescription" class="fix_width">
                            ${FDescription}
                        </td>
                        <td filed="FPartNo">${FPartNo}</td>
                        <td filed="FSerialNo">${FSerialNo}</td>
                        <td filed="FLimitDays" style="text-align:center;">${FLimitDays}</td>
                        {{if type == "application" }}
                            <td filed="FStatusCode">${FStatusName}</td>
                        {{/if}}
                        <td filed="FLocation">${FLocation}</td>
                        {{if type == "transfer" || type == "return" }}
                            <td filed="FExpectedReturnDate">${ FExpectedReturnDate==null?"":FExpectedReturnDate.Dateformat("yyyy-MM-dd")}</td>
                        {{/if}}
                        {{if type == "transfer" || type == "return" }}
                            <td filed="FCustomerName">${FCustomerName}</td>
                        {{/if}}
                        {{if type == "return" }}
                            <td filed="FShipToAddress">${FShipToAddress}</td>
                        {{/if}}
                    </tr>
                    {{each TB_Demo_Stock_Detail}}
                    <tr class="footable-even" style="display: table-row;">
                        <td></td>
                        {{if type == "transfer" || type == "return" }}
                        <td></td>
                        {{/if}}
                        <td></td>
                        <td></td>
                        <td>${FDescription}</td>
                        <td>${FPartNo}</td>
                        <td>${FSerialNo}</td>
                        <td></td>
                        {{if type == "application" }}
                            <td></td>
                        {{/if}}
                        <td></td>
                        {{if type == "transfer" || type == "return" }}
                        <td></td>
                        {{/if}}
                        {{if type == "transfer" || type == "return" }}
                        <td></td>
                        {{/if}}
                        {{if type == "return" }}
                        <td></td>
                        {{/if}}
                    </tr>
                    {{/each}}
                    {{/each}}
                </script>
                <div class="footable_page">
                    <div class="pull-left" style="margin-top:15px;display:none;">
                        <select name="pagenum" id="pagenum" style="height: 28px;margin-left: 10px;width: 60px;">
                            <option value="5">5</option>
                            <option value="10">10</option>
                            <option value="15">15</option>
                            <option value="20">20</option>
                        </select>
                    </div>
                    <ul class="pagination pull-right"></ul>
                </div>
                <div class="hide_tmpl" style="display:none"></div>
            </div>
        </div>
    </div>
</div>
<div class="layui-footer">
    <button type="button" class="btn btn-primary save" data-langid="text_app_confirm">Confirm</button>
</div>